﻿<style>

    @media only screen and (max-width: 900px) {
        figure {
            width: 100%!important;
        }
        .image-content{
            margin: 0 auto;
            padding-top: 30px;
        }
        #photoswipe{
            padding:0px!important;
            width:100%!important;
        }

        .pswp__img, .pswp img {
            width: 100% !important;
            height: 60% !important;
        }
       
    }

    @media only screen and (max-width: 1280px) {

        .pswp__img, .pswp img {
            width: 100% !important;
            height: 60% !important;
        }
    }

    @media only screen and (max-width: 600px){
         .pswp__img, .pswp img{
            height: 50%!important;
            width: 100%!important;
        }
    }

     .pattern-bg{
        background-image: url("../images/banners/Properties/classified-ads.jpg");
        background-size: cover;
    }
    .pattern-bg.colored-bg:before{
        background-color: rgba(0,0,0,0.6);
    }

    

</style>
<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">Classified Ads</h1>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Properties</a></li>
                    <li><a href="properties-grid.html">Property Grid Listing</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->

<div class="image-thumbs">
    <div id="photoswipe" photo-swipe images="images">
    </div>
</div>


<div photo-slider></div>

<style>
    .image-content {
        width:300px;
    }
    #photoswipe{
         margin: 0 auto;
        width: 85%;
        padding: 40px;
        float:none;
    }

    .photoswipe-gallery figure{
        display: inline-block;
        float:none;
       margin: 0 81px 8px 0;
        width: 272px;
    }

    figcaption{
        display:none;
    }

      
</style>



